<template>
  <div id="app">

    <keep-alive>
      <router-view />
    </keep-alive>

    <PCase :cHei="curScrHei"></PCase>

    <Account></Account>

    <Toast></Toast>

    <Modify></Modify>

  </div>
</template>

<script type="text/javascript">
  import Modify from "@/components/modify.vue";
  import PCase from "components/p_case.vue";
  export default{
    data(){
      return{
        curScrHei:false
      }
    },
    components:{
      PCase,
      Modify
    },
    mounted() {
      let that=this;
      window.onscroll=()=>{
        let topScrHei=document.documentElement.scrollTop;
        //console.log("topScrHei:",topScrHei);
        if(topScrHei>450){
          that.curScrHei=true;
        }else{
          that.curScrHei=false;
        }
      }

    },
    methods:{

    }
  }
</script>

<style lang="less">
  *{
    margin: 0;
    padding: 0;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    text-decoration: none;
    //list-style: none;
  }


.changeWord{
  display: inline !important;
}

.CORRECTION_WORD,.CORRECTION_CHAR,.CORRECTION_PUNC,.CORRECTION_POLITICS,.CENSOR_POLITICS{
  background: rgba(255, 0, 0, .3);
  cursor: pointer;
  font-style: normal;

  // span{
  //   background: rgba(255, 0, 0, .3);
  //   cursor: pointer;
  //   font-style: normal;
  // }
}

  u{
      text-decoration: underline !important;
  }

    input[type=number] {
        &::-webkit-outer-spin-button,
        &::-webkit-inner-spin-button {
            -webkit-appearance: none;
        }
        -moz-appearance: textfield;
    }

  .wrap{
    width: 1200px;
    margin: 0 auto;
  }

  @media screen and (max-width:767px){
    .wrap{
      width: 100%;
    }


  }
</style>
